<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>SmartShop Manage System</title>
{load href="__PUBLIC__/base/base.css,__PUBLIC__/admin/style.css,__PUBLIC__/js/do.js,__PUBLIC__/js/package.js,__PUBLIC__/admin/common.js" /}
</head>
<style type="text/css">
ul.gallery{display: flex;flex-wrap:wrap;}
ul.gallery li{height:100px;width:100px;border: 1px solid #DDDDDD;margin:3px;padding: 5px;line-height: 30px;overflow:hidden;text-align: center;}
ul.gallery li:first-child {border-width:1px;}
ul.gallery li a{display:block;text-align: center;padding-top:15px;height: 90px;}
ul.gallery li i{font-size:50px;}
ul.gallery li img{width:88px;}
ul.gallery li:hover,ul.gallery li.current{padding: 4px; border: 2px dotted #7CA3C1;background-color:transparent;}
</style>
<body>
<div id="main">      
    <ul class="gallery fn-clear">  
{volist name="$lists.backpath" id="vo"}<li><a href="{:url('system/admin.common/tpl',['path'=>$vo.path,'input'=>$input,'tab'=>1])}"><i class="iconfont icon-arrowleft"></i><br />{$vo.name}</a></li>{/volist}
{volist name="$lists.folder" id="folder"}<li><a href="{:url('system/admin.common/tpl',['path'=>$folder.path,'input'=>$input,'tab'=>1])}"><i class="iconfont icon-wallet_icon"></i><br />{$folder.name} </a></li>{/volist}
{volist name="$lists.file" id="file"}<li class="getfile" data-src="{$file[1]|substr=0,-5}"><img src="__PUBLIC__/admin/html.png"><br />{$file[1]}</li>{/volist}
    </ul> 
</div>
<script type="text/javascript">
Do('layer','upload','tab',function(){
    $('.tabs').Tabs({event:'click'});
    saveImage();
})
function saveImage(){
    var index = parent.layer.getFrameIndex(window.name); 
    $('.getfile').click(function(){
        parent.layer.close(index);
        var imgpath = $(this).attr('data-src');
        parent.$("#iframe").contents().find("#{$input}").val(imgpath);
    });
}
</script>
</body>
</html>